function bindElements(){
    
    $("a[id='payrate']").bind('click', function(){
        $("span[id='"+ $(this).attr('id') +"']").removeClass("hideme");
        $(this).addClass("hideme");
        showData(this, "span[id='"+ $(this).attr('id') +"']");       
    });
}

function showData(showthis, hidethis){
    var message = function(){
        $(hidethis).addClass("hideme");
        $(showthis).removeClass("hideme");
        clearTimeout(timeout_index);
        delete timeout_index;
    };
    
    timeout_index = setTimeout(message, 4000);
    
    $(window).unload( function (){
        if( typeof(timeout_index) != 'undefined' ){  }
    });        
}

$(function(){
    bindElements();    
});